<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ul li {
            /* circle空心圆 */
            list-style: circle;
            /* decimal变成了有序 */
            list-style: decimal;
            /* disc 实心圆 */
            list-style: disc;
            /* square 方块 */
            list-style: square;

            color: red;

            /* 但是无法满足设计的需要 */

            /* 序列和文字的颜色总是一样的  无法区分 */

            /* 序列和文字之间的间距是固定的 -- 不一定能满足设计的需要 */

            /* list-style-image: url(../images/qqq_03.jpg); */
            /* inside在里面   图和文字都会向里面收缩 */
            /* list-style-position: inside; */


            /* 无法准确的去调整位置 */

            /* 列表属性用的比较少？？？？？ */

        }





        /* ul和ol是可以互换的 */

        ol li {
            list-style: circle;
        }
    </style>
</head>

<body>

    <ul>
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
    </ul>

    <!-- type 列表的类型 -->
    <ol type="A">
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
        <li>qqqqqqqqqq</li>
    </ol>

</body>

</html>